<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/01.css">
</head>

<body>
    <div class="head">
        <div class="head1"><img src="./imgs/logonew.png" alt=""></div>
        <ul class="head2">
            <li><a href="">首页</a></li>
            <li><a href="">酷玩</a></li>
            <li><a href="">导购</a></li>
            <li><a href="">试用</a></li>
            <li><a href="">报告</a></li>
        </ul>
        <div class="head3"><img src="./imgs/search.png" alt=""><button><a href="">注册</a></button></div>
    </div>

    <div class="bod"><img src="./imgs/original.jpg" alt="">
        <div class="bod1">
            <h2>幻响小贝HiFi2.1音箱</h2>
            <span>126申请</span><span>￥599</span><span>20台</span>
            <p>申请时间剩余:13天5小时37分钟</p>
            <div><a href="">立即申请</a></div>
        </div>
    </div>
    <div class="re">
        <div class="re2">热门试用</div>
        <ul class="re1">
            <li class="li1"><a href=""><img src="./imgs/prev.png" alt="" class="img1"></a>
            </li>
            <li><a href=""><img src="./imgs/hot9.jpg" alt=""></a>
                <div class="shou">首发</div>
                <p class="p">巴慕达 THE Toaster 烤面包<br>机</p>
                <div class="sp"><span>2032</span><span>20台</span></div>
                <div class="spa"><span class="spa1">1392</span>申请</div>
                <span class="span">剩余时间2天</span>
            </li>
            <li><a href=""><img src="./imgs/hot10.jpg" alt=""></a>
                <div class="shou1 shou">体验师专享</div>
                <p class="p">Osprey小鹰户外运动专业腰<br>包</p>
                <div class="sp sp1"><span>2032</span><span>20台</span></div>
                <div class="spa"><span class="spa1">1392</span>申请</div>
                <span class="span1 span">查看试用名单</span>
            </li>
            <li><a href=""><img src="./imgs/hot11.jpg" alt=""></a>
                <div class="shou">首发</div>
                <p class="p">Liquid Image 338运动摄<br>像眼镜</p>
                <div class="sp"><span>2032</span><span>20台</span></div>
                <div class="spa"><span class="spa1">1392</span>申请</div>
                <span class="span">剩余时间2天</span>
            </li>
            <li><a href=""><img src="./imgs/hot12.jpg" alt=""></a>
                <div class="shou">首发</div>
                <p class="p">巴慕达 THE Toaster 烤面包<br>机</p>
                <div class="sp"><span>2032</span><span>20台</span></div>
                <div class="spa"><span class="spa1">1392</span>申请</div>
                <span class="span">剩余时间2天</span>
            </li>
            <li class="li1"><a href=""><img src="./imgs/next.png" alt="" class="img1"></a></li>
        </ul>
    </div>
</body>

</html>